<!DOCTYPE html> 
<html> 
<head> 
	<title>Check N' Go - Categor&iacute;as</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<link rel="stylesheet" href="css/main.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script src="javascript/main.js"></script>
</head> 
<body> 

<div data-role="page" id="compartirComentar" data-add-back-btn="true" data-back-btn-text="Atr&aacute;s">

	<div data-role="header">
		<h2>Eventos Promociones</h2>
	</div><!-- /header -->		
	<div data-role="content" style="width:80%; margin-left:auto; margin-right:auto;">
		<div id="divComentar">
			<p id="pEventoPromocion" class="smallHeading"></p>
			<label for="textarea">Comenta sobre el evento:</label>
			<textarea name="comentario" id="txtaComentario"></textarea>							
			<a href="#" id="btnEnviar" data-role="button" data-theme="a" onclick="registrarComentario()">Comentar</a>
		</div>
	</div><!-- /content -->
	
	<div data-role="footer" data-position="fixed" class="nav-glyphish-example">
		<div data-role="navbar" class="nav-glyphish-example" data-grid="d">
		<ul>
			<li><a href="categorias.html" id="btnCategorias" data-icon="custom" class="ui-btn-active">Categor&iacute;as</a></li>
			<li><a href="checkIn.html" id="btnCheckin" data-icon="custom">Check-in</a></li>
			<li><a href="eventosYPromocionesHoy.html" id="btnHoy" data-icon="custom">Hoy</a></li>
			<li><a href="favoritos.html" id="btnFavoritos" data-icon="custom">Favoritos</a></li>
			<li><a href="perfil.html" id="btnPerfil" data-icon="custom">Perfil</a></li>
		</ul>
		</div>
	</div>	<!-- /footer -->
	
</div><!-- /page -->

</body>
</html>